* {
    cursor: url("./path/mouse.cur"), default;
}

p {
    font-size: 1.5rem;
    font-family: "微软雅黑";
    color: #c1b9b9;
}

.box {
    height: 100vh;
    background-color: #071427;
}

.box .head {
    display: flex;
    height: 8%;
    align-items: center;
}

.box .head h2 {
    flex: 2;
    font-size: 2.4rem;
    padding-left: 3%;
    color: #005d80;
}

.box .head .nav {
    flex: 1;
    font-size: 1.4rem;
    display: flex;

}

.box .head .nav div {
    flex: 1;
}

.box .head .dataTime {
    flex: 1;
    font-size: 1.2rem;
    text-align: center;
}

.boxA {
    width: 100%;
    display: flex;
}

.tab_con .boxA .left {
    flex: 5;
}

.tab_con .boxA .centre {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tab_con .boxA .right {
    flex: 3;
}

.boxA table tr td,
.boxB table tr td,
.boxC table tr td,
.boxD table tr td {
    width: 4rem;
    height: 2.2rem;
    box-shadow: 0 0 6px rgb(243 246 247 / 81%) inset;
    text-align: center;
    color: #fff;
}


table tr td[name="shelf"]:hover {
    background-color: #7ef5021c;
}

.boxA .left .l_div1 {
    padding: 1%;
    text-align: center;
}

.boxA .left .l_div2 {
    padding: 1%;
    text-align: center;
}


.boxA .centre .as4,
.boxA .centre .as5 {
    text-align: center;
    height: 50%;
    flex: 1;
}

.boxA .right .r1 {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

.boxA .right .r_div1 {
    padding: 2% 0 2% 10%;
    text-align: center;
}

.boxA .right .r2 {
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    width: fit-content;
}

.popup {
    display: none;
    border: 1px solid #000;
    box-shadow: 0 0 6px rgb(243 246 247 / 81%) inset;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f1e2c1;
}

.popup table {
    text-align: center;
    padding: 3%;
}

.popup table {
    border: none;
    color: #000;
}

.nav div {
    text-align: center;
}

.nav .current {
    color: #fff;
}

.boxB,
.boxC,
.boxD {
    display: none;
}

.colour {
    color: #d6271f;
}


.boxB .boxB_up {
    display: flex;
}

.boxB .boxB_up .boxB_up_l {
    flex: 5;
}

.boxB .boxB_up .boxB_up_l p {
    text-align: center;
    margin: 1% 0;
    width: 95%;
}


.boxB .boxB_up .boxB_up_c {
    flex: 1;
    text-align: center;
    margin-top: 8%;

}


.boxB .boxB_center p {
    display: inline-block;
    text-align: center;
}

.boxB .boxB_center p:nth-child(1) {
    width: 70%;
}

.boxB .boxB_center p:nth-child(2) {
    width: 29%;
}

.boxB .boxB_up .boxB_up_r {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

.boxC .boxC_content {
    display: flex;
}

.boxC .boxC_content .boxC_l {
    width: 95%;
}

.boxC .boxC_content .boxC_l .boxC_up {
    display: flex;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_l {
    width: 53%;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_c {
    width: 5%;
    padding: 1rem;
    box-sizing: border-box;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_r {
    width: 42%;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_r_table2 {
    display: flex;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_r_table2 table {
    width: 80%;
}

.boxC .boxC_content .boxC_l .boxC_up .boxC_up_r_table2 div {
    width: 20%;
    padding: 3rem;
    box-sizing: border-box;
}

.boxC .boxC_content .boxC_l .boxC_center {
    height: 7rem;
    line-height: 7rem;
}


.boxC .boxC_content .boxC_l .boxC_down {
    display: flex;
}

.boxC .boxC_content .boxC_l .boxC_down .boxC_down_l {
    width: 70%;
}

.boxC .boxC_content .boxC_l .boxC_down .boxC_down_c {
    width: 10%;
}

.boxC .boxC_content .boxC_l .boxC_down .boxC_down_r {
    width: 20%;
}

.boxC .boxC_content .boxC_l .boxC_down .boxC_down_r table:nth-child(1) {
    margin-bottom: 2rem;
}

.boxC .boxC_content div p {
    text-align: center;
}

.boxC .boxC_content .boxC_r div {
    height: 50%;
}

.boxD .boxD_up {
    display: flex;
}

.boxD .boxD_up table:nth-child(1) {
    width: 70%;
}

.boxD .boxD_up div {
    width: 10%;
}

.boxD .boxD_up table:nth-child(3) {
    width: 20%;
}

.boxD .boxD_down {
    display: flex;
}

.boxD .boxD_down table:nth-child(1) {
    width: 60%;
}

.boxD .boxD_down div {
    width: 20%;
}

.boxD .boxD_down table:nth-child(3) {
    width: 20%;
}

.boxD div p {
    text-align: center;
}

.boxD .boxD_center {
    /* text-align: center; */
    margin: 2rem 0;
}